app/[lng]/evcp/(evcp)/(system)/menu-access-dept/page.tsx


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

import * as React from "react";
import { Separator } from "@/components/ui/separator";
import { Shell } from "@/components/shell";
import { DepartmentMenuAccessManager } from "./_components/department-menu-access-manager";
import { getAllDepartmentsTree, getCurrentCompanyInfo } from "@/lib/users/knox-service";

export default async function DepartmentMenuAccessPage() {
  // Promise들을 생성하여 클라이언트 컴포넌트에 전달
  const departmentsPromise = getAllDepartmentsTree();
  const companyInfo = await getCurrentCompanyInfo();

  return (
    <Shell>
      <div className="space-y-6">
        {/* 헤더 섹션 */}
        <div className="space-y-2">
          <h1 className="text-2xl font-bold tracking-tight">부서별 메뉴 접근권한 관리</h1>
          <p className="text-muted-foreground">
            Knox 조직도를 기반으로 부서별 도메인을 할당하여 메뉴 접근 권한을 관리할 수 있습니다.
            상위 부서를 선택하면 하위 부서들도 자동으로 포함됩니다.
          </p>
        </div>

        <Separator />

        {/* 메인 관리 컴포넌트 */}
        <DepartmentMenuAccessManager 
          departmentsPromise={departmentsPromise}
          companyInfo={companyInfo}
        />
      </div>
    </Shell>
  );
}